<!DOCTYPE html>
<html>

	<head>
		<!-- 声明文档使用的字符编码 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title>黑图视界</title>
		<meta name="keywords" content="黑图视界">
		<meta name="description" content="黑图视界">
		<script type="text/javascript" src="js/setFontSize.js"></script>
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/main.css" />
	</head>

	<body>
		<main class="pab150">
			<section class="yudingOrder picBg">
				<div class="container">
					<div class="pad30 whiteBg radius20 mbt30">
						<div class="item">
							<h4 class="type">预订生日</h4>
							<div class="time" id="today">2019-10-24  周日</div>
						</div>
						<div class="item clearfix">
							<div class="name">取票方式</div>
							<div class="way">电子票</div>
						</div>
						<div class="item clearfix">
							<div class="name">预订人:</div>
							<input type="text" class="formInput" id="name"/>
						</div>
						<div class="item clearfix">
							<div class="name">手机号：</div>
							<input type="text" class="formInput" id="mobile"/>
						</div>						
					</div>
					<div class="pad30 whiteBg radius20 mbt30">
						<div class="item clearfix">
							<div class="name">价格</div>
							<div class="price">￥400</div>
						</div>
					</div>
					<div class="pad30 whiteBg radius20 mbt30">
						<h3 class="commonTitle"><i class="icon"></i>温馨提示</h3>
						<div class="commontext">
							文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍
						</div>
					</div>
				</div>
			</section>			
		</main>
		<footer class="footer footer2 clearfix">
			<div class="container clearfix">
				<div class="price">总价<b>￥400</b></div>
				<div class="payBtn" id="payBtn">立即支付</div>
			</div>			
		</footer>
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script type="text/javascript" src="js/layer/layer.js" ></script>		
		<script type="text/javascript" src="js/Mdate.js"></script>
		<script type="text/javascript" src="js/iScroll.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
	</body>

</html>